<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style rel="stylesheet" type="text/css">
        p {
            color: orange;
        }

        #red_text{
            color: red;
        }


        .green_text{
            color: green;
        }


    </style>
</head>

<body>

<p>KingSwim0</p>
<p id="red_text">KingSwim1</p>

<!--
（错误，一个页面上不要出现重复的 id 。虽然可以达到效果，但是不要这么做。）
<p id="red_text">KingSwim2</p>
-->

<p class="green_text" >KingSwim3</p>
<p class="green_text" >KingSwim4</p>

</body>
</html>